<template>
	<view class="j-me-edit">
		<u-input v-model="params.nickName" :focus="true" placeholder="请输入要修改的昵称" maxlength="20" />
		<u-toast ref="uToast" />
	</view>
</template>

<script>
export default {
	data() {
		return {
			params: {
				nickName: ''
			}
		};
	},
	onLoad() {
		// 获取当前登录用户的基本信息
		this.postGetUserInfo();
	},
	onNavigationBarButtonTap(e) {
		// 点击保存修改用户信息
		this.postChangeInfo();
	},
	methods: {
		// 修改用户信息
		postChangeInfo() {
			// 判断昵称是否为空
			if (this.$u.test.isEmpty(this.params.nickName)) {
				this.$refs.uToast.show({
					title: '昵称不能为空'
				});
				return false;
			}
			
			if(!this.$u.test.rangeLength(this.params.nickName, [1, 20])){
				this.$refs.uToast.show({
					title:'昵称字符在1-20个长度之间'
				})
				return false;
			}

			this.$u.api
				.postChangeInfo(this.params)
				.then(res => {
					console.log(res);
					this.$refs.uToast.show({
						title: '修改信息成功'
					});
					uni.navigateBack();
				})
				.catch(err => {
					console.log(err);
				});
		},
		// 获取当前登录用户的基本信息
		postGetUserInfo() {
			this.$u.api
				.postGetUserInfo()
				.then(res => {
					console.log(res);
					this.params.nickName = res.data.nickName;
				})
				.catch(err => {
					console.log(err);
				});
		}
	}
};
</script>

<style>
page {
	background-color: #f3f3f3;
}
</style>
<style scoped lang="scss">
.j-me-edit {
	margin-top: 20rpx;
	padding: 20rpx 10rpx 20rpx 20rpx;
	background-color: #ffffff;
}
</style>
